/* 
    Document   : style
    Created on : Oct 1, 2012, 2:31:57 PM
    Author     : amrmosho
    Description:
        Purpose of the stylesheet follows.
*/



.wideows_bg{
    background-image: url("../includes/js/graph/editor/images/grid.gif");
 position: fixed; top:0; bottom: 0px; right: 0px; left: 0px; z-index: 10;
}

body{
    overflow:hidden 
}

.thtitle{



    border-bottom:  2px solid #36687F;

    color: #36687F;
    cursor: pointer;
    font-family: "arial";
    font-size: 11pt;
    font-weight: bold;
    margin: 2px;
    padding: 5px;





}


.subtitle{
    color:#36687F;
    /* border-bottom:    1px solid #36687F;*/
    font-family: "arial";
    font-size: 80%;
    text-decoration: underline

}

.tabs{

    background: none repeat scroll 0 0 #C5CF5D;
    border: 1px solid #597E34;
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #36687F;
    cursor: pointer;
    font-size: 8pt;
    font-weight: bold;
    margin: 2px;
    padding: 2px 3px;

}


input[type="button"],button{
    border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #36687F;
    color: #FFFFFF;
    box-shadow: 2px 2px 2px #333;

    padding: 2px;
    border:none;
}


.myupdate {


    position: absolute;
    right: 20px;
    top: 25px;

}










.myupdate:hover,input[type="button"]:hover,button:hover{


    box-shadow: 2px 2px 2px #999;




}



.myupdate:active,input[type="button"]:active,button:active{


    box-shadow: none;




}



.tabs.selected{

    border-bottom:    1px solid #36687F;


}



.alldvs{
    width:68%;
    float: right;
}
.tabsvAll{
    float:left;
    width:30%;

}

.tabsvAll button{
    width:100%;




    cursor: pointer;
    font-size: 8pt;
    margin: 2px;
    padding: 2px;
    cursor: pointer

}

.tabsvAll button.selected {
    border-bottom: 1px solid #fff;
}



.editorframe{

    position: fixed;
    top:0px;

    left:0px;
    right:0px;
    bottom:0px;
    width: 100%;
    height: 100%;

    border: 1px;

}


.mainTabs{
    position: absolute;

    margin: auto;

    height: 80%;

    width: 60%;
    float:right;
    right:0px;
    top:10px;
    overflow: hidden;




}


.homebt{
    position: absolute;

    background: #333 left top  no-repeat url("images/arrow_close.png");

    height: 60px;

    width: 34px;


    top:10px;

    cursor: pointer;
    left: -34px;
    border: transparent;
    border-radius: 5px 0px 0px 5px
}

.homebt.open,.forhimages .data9{

    background: #333 left top  no-repeat url("images/arrow_open.png");
}

.homebt.open:hover ,.forhimages .data7{

    background: #333 left top  no-repeat url("images/arrow_open_hover.png");
}

.homebt:hover,.forhimages .data8{
    background: #333 left top  no-repeat url("images/arrow_close_hover.png");



}


.mainTabs div{


    height:30%; 
    width:26%; 
    background: transparent left top  url("images/boxes.png");
    margin: 1%;
    float:left;
    padding:2px;
    cursor: pointer;




}







.mainTabs #c1,
.mainTabs #c2,
.mainTabs #c3,
.mainTabs #c4,
.mainTabs #c5,
.mainTabs #c6{


    background-size: 90% 90%; 
    background-position: center;
    background-color: transparent ;
    background-repeat: no-repeat; 
}



.forhimages{
    width:1px;
    height:1px;
}
.mainTabs #c1:hover,.mainTabs #c1.act,.forhimages .data1{

    background-image:    url("images/02.png");


}
.mainTabs #c2:hover,.mainTabs #c2.act,.forhimages .data2{

    background-image: url("images/01.png");   

}
.mainTabs #c3:hover,.mainTabs #c3.act,.forhimages .data3{

    background-image:   url("images/06.png");  

}
.mainTabs #c4:hover,.mainTabs #c4.act,.forhimages .data4{

    background-image:   url("images/03.png");   

}
.mainTabs #c5:hover,.mainTabs #c5.act,.forhimages .data6{

    background-image:  url("images/04.png");   

}

.mainTabs #c6:hover,.mainTabs #c6.act,.forhimages .data5{

    background-image:   url("images/05.png");   

}





.mainTabs #c1{

    background-image:   url("images/11.png");

}
.mainTabs #c2{

    background-image:   url("images/12.png");

}
.mainTabs #c3{

    background-image: url("images/07.png");

}
.mainTabs #c4{

    background-image:  url("images/10.png");

}
.mainTabs #c5{

    background-image:  url("images/09.png");

}

.mainTabs #c6{

    background-image:  url("images/08.png");

}






/*
.mainTabs div{


    height:170px; 
    width:170px; 
    background: transparent left top  url("images/boxes.png");
    margin: 10px 20px;
    float:left;
    padding:2px;
    cursor: pointer;

    background-size: 600%; 









}
.mainTabs #c1{

    background-position: 200% bottom;
}
.mainTabs #c2{

    background-position: 100% bottom;
}
.mainTabs #c3{

    background-position: 0 bottom;
}
.mainTabs #c4{

    background-position:300% bottom;
}
.mainTabs #c5{

    background-position: 400% bottom;
}

.mainTabs #c6{

    background-position: 500% bottom;
}





.mainTabs #c1:hover,.mainTabs #c1.act{

    background-position: 200% top;
}
.mainTabs #c2:hover,.mainTabs #c2.act{

    background-position: 100% top;
}
.mainTabs #c3:hover,.mainTabs #c3.act{

    background-position: 0 top;
}
.mainTabs #c4:hover,.mainTabs #c4.act{

    background-position:300% top;
}
.mainTabs #c5:hover,.mainTabs #c5.act{

    background-position: 400% top;
}

.mainTabs #c6:hover,.mainTabs #c6.act{

    background-position: 500% top;
}


*/






.mainTabs div.row{


    width:100%;
    clear: both;
    height:1px;

}


.mainTabs div:hover{

    background-position:left bottom;

}




.mainTabs div.act{




}

.home{


    background:  repeat scroll 0 0 #333333 url("images/backdrop2.bmp");
    border: 1px solid #000000;
    height: 80%;
    left: 10%;
    position: absolute;
    top: 10%;
    width: 80%;
    z-index: 1000000;
    border-radius: 15px;
    background-size: 100% 
}


.logo{
    margin-top:30%;
    width:70px;
    height:70px;
    background:  repeat scroll 0 0 #fff url("images/celona_64x64.png");
    border-radius: 40px; 

    margin-left: 43%;
    background-size: 100%; 

    box-shadow:  1px 1px 1px #333;
    display: block


}
.footerRight{
    position: absolute;
    bottom:5px;
    left:5px;
}


.footerLeft{
    position: absolute;
    bottom:5px;
    right:5px;
}


.home_data{
    width:40%;
    margin: 5px;
    ;text-align: center
}
.homeTitle{
    font-size:30px;
    font-family: 'calibri','arial';
    margin-top:10%; 
    font-weight: bold;


}


.home{
    font-family: 'calibri','arial';
    color:#fff;
    text-shadow: 1px 1px 1px #333;

    box-shadow:  1px 1px 1px #333
}




